<template>
    <div id="colorfulStatic">
        
    </div>
</template>

<script lang="ts" setup>

</script>

<style lang="scss" scoped>
#colorfulStatic {
    height: 100%;
    width: 100%;
    // position: fixed;
    // top: 0;
    // left: 0;
    // margin: 0;
    // padding: 0;
    z-index: -1;
    
    background:
    linear-gradient(limegreen,
      transparent),
    linear-gradient(90deg,
      skyblue,
      transparent),
    linear-gradient(-90deg,
      coral,
      transparent);

   background-blend-mode: screen;
   opacity: .7;
}

</style>